<template>
  <div class="box">
    <SerchVue></SerchVue>
    <div class="content">
      <router-view></router-view>
    </div>

    <FooterVue class="footer"></FooterVue>
  </div>
</template>

<script>
import SerchVue from "@/components/Serch.vue";
import FooterVue from "@/components/footerVue.vue";

export default {
  name: "Home",
  components: {
    SerchVue,
    FooterVue
  }
};
</script>

<style scoped>
.box {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.content {
  flex: 1;
  overflow: auto;
}
</style>